<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="/static/image/index/shortcutIcon.jpg" type="image/x-icon">
    <link rel="stylesheet" href="/static/css/release.css">
    <script src="/static/js/jquery-1.11.3.js"></script>  
    <script src='/static/js/release.js'></script>  
    <title>木石桥-写便签</title>
</head>
<body>
    <div id="container">
        <div id="type">
            <span>选择便签:</span>
            <img src="/static/image/release/tag1_color1.png" class="selected" data-tag='1'>
            <img src="/static/image/release/tag2_color1.png" data-tag='2'>
            <img src="/static/image/release/tag3_color1.png" data-tag='3'>
            <img src="/static/image/release/tag4_color1.png" data-tag='4'>
            <img src="/static/image/release/tag5_color1.png" data-tag='5'>
            <img src="/static/image/release/tag6_color1.png" data-tag='6'>
        </div>
        <div id="color">
            <span>选择颜色:</span>
            <i style="background:white"  class="selected" data-color="1"></i>
            <i style="background:#B8FFC5" data-color="2"></i>
            <i style="background:#FCBDFD" data-color="3"></i>
            <i style="background:#EEFFFF" data-color="4"></i>
            <i style="background:#CFFF8F" data-color="5"></i>
            <i style="background:#FABBC4" data-color="6"></i>
            <i style="background:#83FFFD" data-color="7"></i>
            <i style="background:#8FA3A7" data-color="8"></i>
        </div>
        <form id="content" action="/release" method="POST">
            {% csrf_token %}
            <input type="hidden" name="type_num" value='1'>
            <input type="hidden" name="color_num" value="1">
            <p>
                <span>便签日期:</span>
                <input type="date" class="date" name="date">
            </p>
            <p>
                <span class="content">便签内容:</span>
                <textarea class="textarea" rows='6' cols='20' name='text'></textarea>
            </p>
            <p>
                <button>发表便签</button>
            </p>
        </form>
        <div id="preview" class="tag1_preview">
            <b class="date">2015年08月08日 星期六</b>
            <p class="content">今天我们在一起了</p>
            {% if user == 'lgg' %}
            <p class="author">--梁广广</p>
            {% else %}
            <p class="author">--邓小鱼</p>
            {% endif %}
        </div>
    </div>
</body>
</html>